
.circle-btn{
  border:4rpx solid #cae0fb;
}
.viewcount-popup{
  padding-bottom: 120rpx;
}
.nums{
  opacity: 0;
   position: absolute;
   right: -20rpx;
   top:-20rpx;
   font-size: 32rpx;
   color:#2194FF;
   font-weight: bold;
   animation-name: rollOut;
   animation-timing-function:linear;
   animation-duration:0.5s;

}


@keyframes rollOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}